<div class="row">
    <div class="col-md-12 tab-content">

        <!-- Information panel -->
        <div class="panel panel-default tab-pane fade in active" id="info">
            <!-- Default panel contents -->
            <div class="panel-heading">Information</div>
            <div class="panel-body">
                <p>Rum is the preferred spirit when it comes to tropical
                    cocktails like the Pina Colada. Apart from its typical taste,
                    common rum trademarks offer a variety of additional flavoured
                    compositions.</p>
            </div>

            <!-- List group -->
            <ul class="list-group">
                <li class="list-group-item">
                    <h4 class="list-group-item-heading">History</h4>
                    <p class="list-group-item-text">
                        While Rum itself is often referred to by pirate lore,
                        history tells us that pirates were rather consuming grog - 
                        a mixture of rum and water.
                    </p>
                </li>
                <li class="list-group-item">
                    <h4 class="list-group-item-heading">Creation</h4>
                    <p class="list-group-item-text">
                        Rum is created by distilling for example sugarcane juice or
                        sugarcane byproducts. The distilled liquid is then usually 
                        put into oak barrels for aging.
                    </p>
                </li>
                <li class="list-group-item">
                    <h4 class="list-group-item-heading">Usage in Cocktails and Drinks</h4>
                    <p class="list-group-item-text">
                        White rum is used in a variety of rum cocktails and drinks and
                        also some classic vodka drinks may be mixed with rum.
                    </p>
                </li>
                <li class="list-group-item">
                    <h4 class="list-group-item-heading">Recommendations</h4>
                    <p class="list-group-item-text">
                        Cpt Cock staff recommends the following rum producers.<br>
                        <small>Please keep in mind that while mostly a matter of personal
                            preferrence, some kinds of rum are not supposed to be used for mixing.
                            Also, we restrict the recommendations to producers that are available in
                            supermarkets and liquor stores, so you do not have to order them.</small>
                    </p>

                    <div class="media">
                        <a class="pull-left" href="#">
                            <img class="media-object" data-src="holder.js/75x75" alt="...">
                        </a>
                        <div class="media-body">
                            <h4 class="media-heading">Havana-Club</h4>
                            We recommend this rum because its price is absolutely bearable for a
                            white rum that infuses well known rum cocktails with an awesome taste
                            and aroma. If you are planning on mixing a Pina Colada or Rum Shots,
                            this one is for you.
                        </div>
                    </div>

                    <div class="media">
                        <a class="pull-left" href="#">
                            <img class="media-object" data-src="holder.js/75x75" alt="...">
                        </a>
                        <div class="media-body">
                            <h4 class="media-heading">Bacardi</h4>
                            While Bacardi is usually cheaper than Havana-Club, it is never the less
                            a good rum that has its advantages. Many use it for the Mojito or similiar 
                            drinks. Bacardi as well has several flavoured variations which target a 
                            younger audience since they usually contain sweet flavours such as the Bacardi 
                            Razz (Raspberry).
                        </div>
                    </div>

                </li>
            </ul>
        </div>

        <!-- Usage panel -->
        <div class="panel panel-default tab-pane fade" id="usage">
            <!-- Default panel contents -->
            <div class="panel-heading">Usage in drinks</div>
            <div class="panel-body">
                <p>
                    For mixing purposes, if not declared elsewhere, use white rum.<br>
                    Exceptions are: the Mai Thai and the Bahama Mama.</p>
            </div>

            <!-- List group -->
            <ul class="list-group">
                <li class="list-group-item">
                    <h4 class="list-group-item-heading">Cocktails</h4>
                    <p class="list-group-item-text">
                        Cocktails containing white rum.
                    </p>
                    <div class="media">
                        <a href="<?php echo base_url('drink/details/1'); ?>" class="pull-left" data-toggle="tooltip" title="Green Poison">
                            <img class="media-object" data-src="holder.js/75x75" alt="...">
                        </a>
                        <a href="<?php echo base_url('drink/details/1'); ?>" class="pull-left" data-toggle="tooltip" title="Green Poison">
                            <img class="media-object" data-src="holder.js/75x75" alt="...">
                        </a>
                        <a href="<?php echo base_url('drink/details/1'); ?>" class="pull-left" data-toggle="tooltip" title="Green Poison">
                            <img class="media-object" data-src="holder.js/75x75" alt="...">
                        </a>
                        <a href="<?php echo base_url('drink/details/1'); ?>" class="pull-left" data-toggle="tooltip" title="Green Poison">
                            <img class="media-object" data-src="holder.js/75x75" alt="...">
                        </a>
                        <a href="<?php echo base_url('drink/details/1'); ?>" class="pull-left" data-toggle="tooltip" title="Green Poison">
                            <img class="media-object" data-src="holder.js/75x75" alt="...">
                        </a>
                    </div>
                            
                </li>
                <li class="list-group-item">
                    <h4 class="list-group-item-heading">Shots</h4>
                    <p class="list-group-item-text">
                        Shots made with white rum.
                    </p>
                    <div class="media">
                        <a href="<?php echo base_url('drink/details/1'); ?>" class="pull-left" data-toggle="tooltip" title="Green Poison">
                            <img class="media-object" data-src="holder.js/75x75" alt="...">
                        </a>
                        <a href="<?php echo base_url('drink/details/1'); ?>" class="pull-left" data-toggle="tooltip" title="Green Poison">
                            <img class="media-object" data-src="holder.js/75x75" alt="...">
                        </a>
                        <a href="<?php echo base_url('drink/details/1'); ?>" class="pull-left" data-toggle="tooltip" title="Green Poison">
                            <img class="media-object" data-src="holder.js/75x75" alt="...">
                        </a>
                    </div>
                </li>      
            </ul>
        </div>

    </div>
</div>